import React,{useState} from 'react'
/*
    state={
        count:0
    }
    this.state.count
    在类组件中要修改state中的变量,必须通过setState({变量名:更新后的值})

    使用hookstate的步骤
    1.首先导入useState
    import {useState} from 'react'
    2.在函数中调用useState
    const [变量名,修改变量的方法]=useState(初始值)
    注意：修改变量的的方法命名有规则的，比如你的变量叫count,那么你的修改的方法名就叫setCount
*/
export default function Counter() {
  const [count,setCount]=useState(0)
  return (
    <div>
        <h1>{count}</h1>
        <button onClick={()=>{
            setCount(count+1)
        }}>+</button>
    </div>
  )
}
